<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <tittle>小米</tittle>
    <style>.tuijian{width: 1000px;height:200px} .span2{display: inline-block;width:200px;height:200px} .ul1{float: left} .kuang{width: 1200px;height: 600px} .lunbo{float:right;width: 900px;height: 450px;background-color: #00aced} .div2{display:inline;float: right} .div4{display:block;width:800px;height: 400px;} .span1{width: 400px;height:400px} .li1{display:block}  li {display: inline} .div1{display: inline} .div2{display: inline}</style>
  </head>
  <body>
    <div class="header">
      <div class="div1">
        <ul>
          <li><a>小米商城</a></li>
          <li><a>MUI</a></li>
          <li><a>米聊</a></li>
          <li><a>游戏</a></li>
          <li><a>多看阅读</a></li>
          <li><a>云服务</a></li>
          <li><a>金融</a></li>
          <li><a>小米网络移动版</a></li>
          <li><a>问题反馈</a></li>
          <li><a>Select Region</a></li>
          <div class="div2">
            <li><a>登录</a></li>
            <li><a>注册</a></li>
            <li><a>消息通只</a></li>
            <li><a>购物车</a></li>
          </div>
        </ul>
      </div>
    </div>
    <div class="allclass">
      <ul>
        <li><a>全部商品分类</a></li>
        <li><a>小米手机</a></li>
        <li><a>红迷</a></li>
        <li><a>平板。笔记本</a></li>
        <li><a>电视</a></li>
        <li><a>盒子。影音</a></li>
        <li><a>路由器</a></li>
        <li><a>智能硬件</a></li>
        <li><a>服务</a></li>
        <li><a>社区</a></li>
        <li>
          <input type="text" value="小米MIX">
        </li>
        <li>
          <div><img src=""></div>
        </li>
      </ul>
    </div>
    <div class="kuang">
      <ul class="ul1">
        <li class="li1">手机电话卡></li>
        <li class="li1">笔记本></li>
        <li class="li1">电视></li>
        <li class="li1">路由器></li>
        <li class="li1">移动电源></li>
        <li class="li1">耳机></li>
        <li class="li1">保护套></li>
        <li class="li1">指甲></li>
        <li class="li1">箱包></li>
        <li class="li1">米兔></li>
      </ul>
      <div class="lunbo">轮播图</div>
    </div>
    <div class="tuijian">
      <div class="span2">小米手环</div>
      <div class="span2">小米笔记本</div>
      <div class="span2">小米电视</div>
      <div class="span2">小米电水壶</div>
    </div>
    <div class="footer">
      <ul>
        <li><a>预约维修</a></li>
        <li><a>7天退货</a></li>
        <li><a>15天换货</a></li>
        <li><a>150包邮</a></li>
        <li><a>520家售后</a></li>
      </ul>
    </div>
    <div class="upfooter">
      <ul>
        <li>帮助中心
          <li>账户管理</li>
          <li>购物指南</li>
          <li>订单操作</li>
        </li>
        <li>服务支持
          <li>售后政策</li>
          <li>自助服务</li>
          <li>相关下载</li>
        </li>
        <li>线下门店
          <li>小米之家</li>
          <li>服务网点</li>
          <li>零售网点</li>
        </li>
        <li>关于小米
          <li>了解小米</li>
          <li>假如小米</li>
          <li>联系我们</li>
        </li>
        <li>关注我们
          <li>新浪微博</li>
          <li>小米部落</li>
          <li>官方卫星</li>
        </li>
        <li>特色服务
          <li>F吗通道</li>
          <li>小米移动</li>
          <li>防伪查询</li>
        </li><span class="span1">400-100-5678 周一至周日 8：00-18：00</span>
      </ul>
    </div>
    <div class="bottom">
      <div class="div3">
        <ul>
          <li><a>小米商城</a></li>
          <li><a>MUI</a></li>
          <li><a>米聊</a></li>
          <li><a>游戏</a></li>
          <li><a>多看阅读</a></li>
          <li><a>云服务</a></li>
          <li><a>金融</a></li>
          <li><a>小米网络移动版</a></li>
          <li><a>问题反馈</a></li>
          <li><a>Select Region</a></li><span>©mi.com1 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</span><span>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
        </ul>
      </div>
    </div>
  </body>
</html>